<template>
  <div>
    <div
      v-for="item in list"
      :key="item.id"
    >
      <input
        type="checkbox"
        :id="item.id"
        v-model="item.isDone"
      >
      <label :for="item.id">{{ item.value }}</label>
    </div>
  </div>
</template>

<script>
import evtBus from '../event-bus/todolist';

export default {
  computed: {
    list () {
      switch (evtBus.status) {
        case '已完成':
          return evtBus.list.filter(item => item.isDone);
        case '未完成':
          return evtBus.list.filter(item => !item.isDone);
        // 全部
        default:
          return evtBus.list;
      }
    },
  },
}
</script>

<style scoped>

</style>